/* line 5, E:/ruby/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, E:/ruby/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, E:/ruby/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, E:/ruby/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, E:/ruby/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, E:/ruby/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, E:/ruby/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, E:/ruby/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, E:/ruby/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* line 4, ../sass/index.scss */
* {
  margin: 0;
  padding: 0;
  border: 0;
  text-decoration: none;
  list-style: none;
  border-box: box-sizing;
}

/* line 7, ../sass/index.scss */
.clearfix {
  *zoom: 1;
}

/* line 10, ../sass/index.scss */
.clearfix:after, .clearfix:before {
  content: "";
  line-height: 0;
  display: table;
}

/* line 15, ../sass/index.scss */
.clearfix:after {
  clear: both;
}

/* line 19, ../sass/index.scss */
h3 {
  font-size: 18px;
  font-weight: bold;
  margin: 20px 0 20px 20px;
}

/* line 24, ../sass/index.scss */
.common {
  width: 100%;
  background: #435a6b;
  text-align: center;
}

/* line 29, ../sass/index.scss */
.nav-bracket {
  padding: 5em 3em;
}
/* line 35, ../sass/index.scss */
.nav-bracket ul li {
  position: relative;
  float: left;
  width: 10%;
}
/* line 40, ../sass/index.scss */
.nav-bracket ul li span {
  position: absolute;
  font-size: 20px;
  color: #fff;
  transition: 0.5s;
  opacity: 0;
}
/* line 47, ../sass/index.scss */
.nav-bracket ul li .left-bar {
  left: 50%;
}
/* line 50, ../sass/index.scss */
.nav-bracket ul li .right-bar {
  right: 50%;
}
/* line 54, ../sass/index.scss */
.nav-bracket ul li a {
  width: 100%;
  display: inline-block;
  color: #fff;
  width: 80%;
  height: 100%;
}
/* line 60, ../sass/index.scss */
.nav-bracket ul li a:hover .left-bar {
  left: 20px;
  opacity: 1;
}
/* line 64, ../sass/index.scss */
.nav-bracket ul li a:hover .right-bar {
  right: 20px;
  opacity: 1;
}

/* line 72, ../sass/index.scss */
.nav-bottom {
  padding: 5em 3em;
}
/* line 77, ../sass/index.scss */
.nav-bottom ul li {
  display: inline-block;
  width: 10%;
}
/* line 81, ../sass/index.scss */
.nav-bottom ul li a {
  width: 100%;
  color: #fff;
  padding: 10px 0;
  position: relative;
}
/* line 86, ../sass/index.scss */
.nav-bottom ul li a:hover span {
  top: 100%;
  opacity: 1;
}
/* line 91, ../sass/index.scss */
.nav-bottom ul li span {
  position: absolute;
  left: 0;
  top: 120%;
  width: 100%;
  border: 1px solid #B8860B;
  opacity: 0;
  transition: 0.5s;
}

/* line 104, ../sass/index.scss */
.nav-double {
  padding: 5em 3em;
}
/* line 110, ../sass/index.scss */
.nav-double ul li {
  display: inline-block;
  width: 5%;
}
/* line 113, ../sass/index.scss */
.nav-double ul li a {
  width: 100%;
  position: relative;
  color: #fff;
  padding: 10px 0;
}
/* line 118, ../sass/index.scss */
.nav-double ul li a:hover .top-line {
  top: 0;
  opacity: 1;
  -moz-transform: scaleX(1.2);
  -ms-transform: scaleX(1.2);
  -webkit-transform: scaleX(1.2);
  transform: scaleX(1.2);
}
/* line 123, ../sass/index.scss */
.nav-double ul li a:hover .bottom-line {
  width: 100%;
  opacity: 1;
  -moz-transform: scaleX(1.2);
  -ms-transform: scaleX(1.2);
  -webkit-transform: scaleX(1.2);
  transform: scaleX(1.2);
}
/* line 128, ../sass/index.scss */
.nav-double ul li a span {
  position: absolute;
  left: 0;
  width: 100%;
  border: 1px solid #B8860B;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

/* line 139, ../sass/index.scss */
.top-line {
  top: 100%;
  opacity: 0;
}

/* line 143, ../sass/index.scss */
.bottom-line {
  bottom: 0;
  opacity: 0.8;
}

/* line 148, ../sass/index.scss */
.nav-slight {
  padding: 5em 3em;
}
/* line 153, ../sass/index.scss */
.nav-slight ul li {
  display: inline-block;
  width: 8%;
}
/* line 156, ../sass/index.scss */
.nav-slight ul li a {
  width: 100%;
  color: #fff;
  padding: 10px;
  position: relative;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
/* line 162, ../sass/index.scss */
.nav-slight ul li a:hover {
  color: #B8860B;
}
/* line 166, ../sass/index.scss */
.nav-slight ul li a:hover .top-slight {
  top: 0;
  opacity: 1;
}
/* line 171, ../sass/index.scss */
.nav-slight ul li a:hover .bottom-slight {
  bottom: 0;
  opacity: 1;
}
/* line 176, ../sass/index.scss */
.nav-slight ul li a span {
  position: absolute;
  left: 0;
  width: 100%;
  border: 1px solid #B8860B;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  opacity: 0;
}

/* line 188, ../sass/index.scss */
.top-slight {
  top: 130%;
}

/* line 191, ../sass/index.scss */
.bottom-slight {
  bottom: 130%;
}

/* line 195, ../sass/index.scss */
.navs-down {
  padding: 5em 3em;
}
/* line 202, ../sass/index.scss */
.navs-down ul li {
  display: inline-block;
  width: 7%;
}
/* line 205, ../sass/index.scss */
.navs-down ul li a {
  display: inline-block;
  width: 100%;
  color: #fff;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
/* line 210, ../sass/index.scss */
.navs-down ul li a:hover {
  color: #666;
  -moz-transform: scale(0.9, 0.9);
  -ms-transform: scale(0.9, 0.9);
  -webkit-transform: scale(0.9, 0.9);
  transform: scale(0.9, 0.9);
}

/* line 218, ../sass/index.scss */
.navs-fall {
  padding: 5em 3em;
}
/* line 225, ../sass/index.scss */
.navs-fall ul li {
  display: inline-block;
  position: relative;
  width: 7%;
}
/* line 229, ../sass/index.scss */
.navs-fall ul li:hover .hiden {
  left: 0;
  top: 0;
  opacity: 1;
}
/* line 234, ../sass/index.scss */
.navs-fall ul li a {
  width: 100%;
  color: #666;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
/* line 239, ../sass/index.scss */
.navs-fall ul li .hiden {
  opacity: 0;
  position: absolute;
  left: 20px;
  top: -10px;
  color: #fff;
}

/* line 250, ../sass/index.scss */
.navs-border {
  padding: 5em 3em;
}
/* line 257, ../sass/index.scss */
.navs-border ul li {
  float: left;
}
/* line 259, ../sass/index.scss */
.navs-border ul li a {
  position: relative;
  color: #fff;
  padding: 10px 20px;
  margin-left: 20px;
  text-align: center;
  border: 2px solid #666;
}
/* line 266, ../sass/index.scss */
.navs-border ul li a:hover span {
  top: -2px;
  left: -2px;
  opacity: 1;
}
/* line 271, ../sass/index.scss */
.navs-border ul li a span {
  position: absolute;
  left: 15px;
  top: -15px;
  width: 100%;
  height: 100%;
  border: 2px solid #fff;
  opacity: 0;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

/* line 286, ../sass/index.scss */
.navs-text {
  padding: 5em 3em;
}
/* line 294, ../sass/index.scss */
.navs-text ul li {
  float: left;
}
/* line 296, ../sass/index.scss */
.navs-text ul li a {
  color: #333;
  padding: 10px 20px;
  position: relative;
}
/* line 300, ../sass/index.scss */
.navs-text ul li a:before {
  content: attr(data-hover);
  color: #fff;
  position: absolute;
  left: 20px;
  max-width: 0;
  -moz-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
  transition: 1s;
  white-space: nowrap;
  overflow: hidden;
}
/* line 310, ../sass/index.scss */
.navs-text ul li a:hover:before {
  max-width: 100%;
}

/* line 318, ../sass/index.scss */
.navs-push {
  padding: 5em 3em;
}
/* line 325, ../sass/index.scss */
.navs-push a {
  color: #fff;
  padding: 15px 20px;
  background: #54a231;
  margin-left: 40px;
  position: relative;
}
/* line 331, ../sass/index.scss */
.navs-push a:before {
  content: attr(data-hover);
  padding: 15px 0;
  background: #fff;
  color: #54a231;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  max-width: 0;
  white-space: nowrap;
  overflow: hidden;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
/* line 345, ../sass/index.scss */
.navs-push a:hover:before {
  max-width: 100%;
}

/* line 351, ../sass/index.scss */
.navs-push-two {
  padding: 5em 3em;
}
/* line 353, ../sass/index.scss */
.navs-push-two a {
  display: inline-block;
  overflow: hidden;
  position: relative;
  color: #fff;
  padding: 10px 15px;
  margin: 10px 20px;
  background: #0f7c67;
}
/* line 361, ../sass/index.scss */
.navs-push-two a:before {
  position: absolute;
  left: -100%;
  top: 0;
  width: 100%;
  padding: 10px 0;
  color: #0f7c67;
  background: #fff;
  content: attr(data-hover);
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
/* line 372, ../sass/index.scss */
.navs-push-two a:hover:before {
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
/* line 375, ../sass/index.scss */
.navs-push-two a:hover span {
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
/* line 378, ../sass/index.scss */
.navs-push-two a span {
  display: block;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

/* line 385, ../sass/index.scss */
.navs-slide {
  padding: 5em 3em;
}
/* line 387, ../sass/index.scss */
.navs-slide a {
  position: relative;
  display: inline-block;
  color: #fff;
  margin: 10px 20px;
  overflow: hidden;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
/* line 394, ../sass/index.scss */
.navs-slide a span {
  background: #0f7c67;
  padding: 10px 15px;
  display: inline-block;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
/* line 400, ../sass/index.scss */
.navs-slide a:hover span {
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
/* line 403, ../sass/index.scss */
.navs-slide a:before {
  position: absolute;
  left: 0;
  top: 100%;
  color: #0f7c67;
  background: #fff;
  content: attr(data-hover);
  width: 100%;
  padding: 10px 0;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
/* line 414, ../sass/index.scss */
.navs-slide a:hover:before {
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

/* line 420, ../sass/index.scss */
.navs-slide-two {
  padding: 5em 3em;
}
/* line 422, ../sass/index.scss */
.navs-slide-two a {
  position: relative;
  display: inline-block;
  overflow: hidden;
  color: #fff;
  margin: 10px 20px;
}
/* line 428, ../sass/index.scss */
.navs-slide-two a span {
  position: relative;
  padding-bottom: 5px;
  display: inline-block;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
/* line 433, ../sass/index.scss */
.navs-slide-two a span:hover {
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
/* line 436, ../sass/index.scss */
.navs-slide-two a span:before {
  position: absolute;
  content: attr(data-hover);
  width: 100%;
  top: 100%;
}

/* line 446, ../sass/index.scss */
.navs-slide3d {
  padding: 5em 3em;
}
/* line 448, ../sass/index.scss */
.navs-slide3d a {
  position: relative;
  color: #06c;
}
/* line 451, ../sass/index.scss */
.navs-slide3d a span {
  display: inline-block;
  padding: 10px 15px;
  background: #fff;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
}
/* line 458, ../sass/index.scss */
.navs-slide3d a:hover span {
  -moz-transform: translateY(0) rotateX(0);
  -ms-transform: translateY(0) rotateX(0);
  -webkit-transform: translateY(0) rotateX(0);
  transform: translateY(0) rotateX(0);
}
/* line 461, ../sass/index.scss */
.navs-slide3d a:before {
  position: absolute;
  left: 0;
  content: attr(data-hover);
  width: 100%;
  color: #fff;
  background: #06c;
  padding: 10px 0;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
/* line 471, ../sass/index.scss */
.navs-slide3d a:hover:before {
  -moz-transform: translateY(-50%) rotateX(90deg);
  -ms-transform: translateY(-50%) rotateX(90deg);
  -webkit-transform: translateY(-50%) rotateX(90deg);
  transform: translateY(-50%) rotateX(90deg);
}

/* line 477, ../sass/index.scss */
.navs-slide3d-two {
  padding: 5em 3em;
}
/* line 479, ../sass/index.scss */
.navs-slide3d-two a {
  position: relative;
  color: #fff;
  margin: 10px 20px;
}
/* line 483, ../sass/index.scss */
.navs-slide3d-two a span {
  float: left;
  margin: 10px 20px;
  padding: 15px 15px;
  background: #06c;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  transform-origin: 50% 0;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
/* line 492, ../sass/index.scss */
.navs-slide3d-two a span:before {
  position: absolute;
  left: 0;
  top: 100%;
  content: attr(data-hover);
  width: 100%;
  color: #fff;
  background: #06c;
  padding: 15px 0;
  -moz-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  transform-origin: 50% 0;
  -moz-transition: background 0.3s;
  -o-transition: background 0.3s;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
/* line 506, ../sass/index.scss */
.navs-slide3d-two a:hover span {
  -moz-transform: rotateX(90deg) translateY(-22px);
  -ms-transform: rotateX(90deg) translateY(-22px);
  -webkit-transform: rotateX(90deg) translateY(-22px);
  transform: rotateX(90deg) translateY(-22px);
}

/* line 544, ../sass/index.scss */
.navs-turn {
  padding: 5em 3em;
}
/* line 546, ../sass/index.scss */
.navs-turn a {
  position: relative;
  color: #fff;
  padding: 10px 15px;
  background: #587285;
  margin: 10px 20px;
}
/* line 552, ../sass/index.scss */
.navs-turn a:before {
  position: absolute;
  left: 0;
  top: 0;
  color: #587285;
  content: attr(data-hover);
  background: #fff;
  width: 100%;
  padding: 10px 0;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -moz-transform: rotateX(270deg);
  -ms-transform: rotateX(270deg);
  -webkit-transform: rotateX(270deg);
  transform: rotateX(270deg);
  transform-origin: 0 0;
}
/* line 565, ../sass/index.scss */
.navs-turn a:hover:before {
  -moz-transform: rotateX(10deg);
  -ms-transform: rotateX(10deg);
  -webkit-transform: rotateX(10deg);
  transform: rotateX(10deg);
}
